/*
* @Author: Choisaaaa
* @Date: 2018/5/10  15:26
* 商品种类列表样式
*/

/* 1.列表中商品品类图片 */
.category-img{
  height: 80px;
  width: 80px;
}

/* 2.上传图片控件的样式 */
$sub-img-size: 80px;//用变量存储图片的高度和宽度
.img-con{
  position: relative;
  width: $sub-img-size;
  height: $sub-img-size;
  float: left;
  margin-right: 010px;
  border: 1px solid #ccc;
  .img{
    width: 100%;
    height: 100%;
    display: block;
  }
  .fa-close{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    height: $sub-img-size;
    line-height: $sub-img-size;
    cursor: pointer;
    display: none;
    font-size: 50px;
    color: #aaa;
    background:rgba(0,0,0,.2);
  }
  &:hover{
    .fa-close{
      display: block;
    }
  }
}

/* 3.上传图片控件的样式 */
.file-upload-con{
  margin-top: 15px;
}

/* 4.请上传图片div的样式 */
.choose-img{
  height: 25.89px;
  padding: 8px 0 0 0 ;
  color: #337ab7;
}

/* 5.查看子品类按钮样式*/
.btn-info{
  margin-left: 5px;
}